.top > div:nth-child(1) {
    background-color: rgb(51, 51, 51);
    height: 60px;
    color: white;
}

.logo {
    background-image: url("../img/4idy.png");
    /*height: 184px;*/
    /*width: 296px;*/
    height: 40px;
    /*width: 40*296/184px;*/
    width: calc(40 * 296px / 184);
    /*    让背景图片的高宽和div的高宽一致*/
    background-size: 100% 100%;
}

.top .chinese-name {
    font-family: 黑体;
    font-size: 25px;
}

.top .english-name {
    font-family: 新宋体;
    font-size: 15px;
}

.nav > div {
    padding: 0 25px;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
}

.nav > div:hover {
    background-color: red;
}

/*--------------------华丽的分割线------------------*/
.top {
    background-image: url("../img/jghy.jpg");
    /*height: 1287px;*/
    /*width: 1920px;*/
    height: calc(1200 * 1287px / 1920);
    background-size: 100% 100%;
}

.top .content {
    width: 200px;
    height: 100px;
}

.top > div:nth-child(2) > div {
    height: calc(calc(1200 * 1287px / 1920 - 60px));
}

.top input {
    background-color: blueviolet;
    padding: 10px 50px;
    border-radius: 45px;
}
